import React from 'react';
import Hot from './components/hot/hot';
import styles from './index.less';
import Banner from './components/banner/banner';

export default function index() {
  return (
    <div>
      <Banner></Banner>
      <div className={`${styles['content-main']} content-box`}>
        <div className={`${styles['left-contet']}`}>
          <Hot></Hot>
        </div>
        <div className={`${styles['right-content']}`}>
          {/* <LoginBar userInfo={userInfo} isLogin={isLogin} /> */}
          {/* <Customize baseData={this.state.customizeData} /> */}
          {/* <MusicCalendar calendars={this.state.calendars} /> */}
          {/* <NewSong newSong={this.state.newSong} /> */}
        </div>
      </div>
    </div>
  );
}
